<?php include THEMES_PATH.'public/before_body2.phtml';?>
<link rel="stylesheet" href="/web/Tpl/default/special/tenancy/css/style.css">
<link rel="stylesheet" href="/web/Tpl/default/special/tenancy/css/showtips.css">
</head>
<body>
<?php include THEMES_PATH.'public/header2.phtml';?>
<div class="pt3x pb4x align-center white banner">
  <h1 class="font-lg normal">礼服租赁</h1>
  <h2 class="mb3x normal" style="font-size:16px;">婚礼  商务会议   晚宴……   重要时刻OWNONLY与您相伴 !</h2>
  <div class="img-list">
   <img src="/web/Tpl/default/special/tenancy/img/1.jpg" alt="suits" class="vm">
    <img src="/web/Tpl/default/special/tenancy/img/2.jpg" alt="suits" class="vm">
    <img src="/web/Tpl/default/special/tenancy/img/3.jpg" alt="suits" class="vm">
    <img src="/web/Tpl/default/special/tenancy/img/4.jpg" alt="suits" class="vm">
  </div>
</div>
<div class="main-width pt3x mb3x pb5x align-center">
  <h1 class="mb5x font-lg black normal">租赁流程</h1>
  <ul class="clearfix align-left rental-procedure">
    <li class="first">
      <div class="text-info">
        <span style="color:#fac65d;">网上预约</span>
        <p>留下个人信息<br>预约到店时间</p>
      </div>
      <div class="graphic">
        <span class="vertical">
          <i></i>
        </span>
        <div class="horizontal">
          <span class="circle">
            <i></i>
          </span>
          <i class="line"></i>
        </div>
      </div>
      <span class="ray">
        <i class="end"></i>
      </span>
    </li>
    <li class="down">
      <div class="text-info">
        <span style="color:#2a8b7a;">到店选款</span>
        <p>确认款式，核实信息<br>签署合同，缴纳定金</p>
      </div>
      <div class="graphic">
        <span class="vertical">
          <i></i>
        </span>
        <div class="horizontal">
          <span class="circle">
            <i style="background-color:#2a8b7a;"></i>
          </span>
          <i class="line"></i>
        </div>
      </div>
    </li>
    <li>
      <div class="text-info">
        <span style="color:#ec6b65;">取衣</span>
        <p>出示有效证件<br>并缴纳押金</p>
      </div>
      <div class="graphic">
        <span class="vertical">
          <i></i>
        </span>
        <div class="horizontal">
          <span class="circle">
            <i style="background-color:#ec6b65;"></i>
          </span>
          <i class="line"></i>
        </div>
      </div>
    </li>
    <li class="down">
      <div class="text-info">
        <span style="color:#cfa972;">使用</span>
        <p>三天起租</p>
      </div>
      <div class="graphic">
        <span class="vertical">
          <i></i>
        </span>
        <div class="horizontal">
          <span class="circle">
            <i style="background-color:#cfa972;"></i>
          </span>
          <i class="line"></i>
        </div>
      </div>
    </li>
    <li class="last">
      <div class="text-info">
        <span style="color:#ef9041;">归还</span>
        <p>自行送回或顺丰寄回<br>清点服装，退还押金</p>
      </div>
      <div class="graphic">
        <span class="vertical">
          <i></i>
        </span>
        <div class="horizontal">
          <span class="circle">
            <i style="background-color:#ef9041;"></i>
          </span>
          <i class="line"></i>
        </div>
      </div>
      <i class="end"></i>
    </li>
  </ul>
</div>
<div class="clearfix pt3x pb5x align-center discount-package">
  <h1 class="mb2x font-lg black normal">优惠套餐</h1>
  <div class="col-md-6 rel black">
    <img src="/web/Tpl/default/special/tenancy/img/discount-package1.jpg" alt="suits" class="vm">
    <div class="abs right discount-info">
      <strong class="normal">高级定制西装/礼服「 两件套 」</strong>
      <em class="db mt1x normal green">特选￥380</em>
      <span class="db mb2x">包含：衣架、西服套</span>
      <p>商品价格：价格3980元起 (具体参照吊牌价格)</p>
      <p>衣架和西服套112元</p>
      <p class="mt1x">清洗费：70元 (另付)</p>
    </div>
  </div>
  <div class="col-md-6 rel gray-ccc">
    <img src="/web/Tpl/default/special/tenancy/img/discount-package2.jpg" alt="suits" class="vm">
    <div class="abs discount-info">
      <strong class="normal">高品质礼服两件套</strong>
      <em class="db mt1x normal green">特惠￥380</em>
      <span class="db mb1x green">免费搭配：衬衫、方巾、领带领夹或领结 </span>
      <span class="db mb1x">包含：衣架、西服套</span>
      <p>商品总价：5580元</p>
      <p>「 礼服3980元、 衬衫1080元、方巾128元、</p>
      <p>领带领夹/领结280元、衣架和西服套112元 」</p>
      <p class="mt1x">清洗费：70元（另付）</p>
    </div>
  </div>
</div>
<div class="clearfix main-width pb4x align-center">
  <h1 class="mb2x font-lg black normal">租赁预约</h1>
  <form method="post" action="__SELF__" class="online-booking">
    <dl class="clearfix">
      <dt class="mb2x black font-md">在线预约</dt>
      <dd class="col-md-3 mb2x">
        <span>姓名</span>
        <input type="text" name="name" title="<?php echo L('inputfristname');?>">
      </dd>
      <dd class="col-md-3 mb2x">
        <label class="mr2x">
          <input type="radio" name="sex" value="1" checked class="radio">
          男士
        </label>
        <label>
          <input type="radio" name="sex" value="2" class="radio">
          女士
        </label>
      </dd>
      <dd class="col-md-3 mb2x">
        <span>电话</span>
        <input type="text" name="phone" onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" title="<?php echo L('inputphone');?>">
      </dd>
      <dd class="col-md-3 mb2x">
        <span>日期</span>
        <input type="text" name="date" title="请选择日期" class="Wdate js-date" style="height:35px;">
      </dd>
      <dd class="clearfix">
      	<input type="hidden" name="dosubmit" value="1">
        <button type="submit" class="mt2x btn">提交</button>
      </dd>
    </dl>
  </form>
  <div class="mt5x" style="padding:15px;border:1px solid #ccc;">
    <strong class="black font-md normal">电话预约</strong>
    <p class="font-lg green" style="margin-top:10px;">400-888-1532</p>
  </div>
  <dl class="mt4x rental-info">
    <dt class="mb2x black font-md normal">租赁须知</dt>
    <dd class="mb2x">
      <strong class="normal"><i>①</i>预订下单</strong>
      <p>为了提高服务质量，请提前7天到店选款，以便我们为您安排服装；</p>
    </dd>
    <dd class="mb2x">
      <strong class="normal"><i>②</i>租赁时间</strong>
      <p>三天起租，请在租赁当天10:00以后取衣，租赁到期之日20:00前到店归还；</p>
      <p>邮寄归还，请在租赁到期之日24小时之内顺丰邮寄（包裹内，请注明合同号），邮费由用户支付；</p>
    </dd>
    <dd class="mb2x">
      <strong class="normal"><i>③</i>退换押金</strong>
      <p>我们收到衣服后，清点无误，立即退还押金，租金从押金中扣除，衣服丢失或损坏的情况下，有权要求赔偿；</p>
    </dd>
    <dd class="mb2x">
      <strong class="normal"><i>④</i>超期计费</strong>
      <p>超出天数，延期租金按照每天租金收取;</p>
    </dd>
  </dl>
<!--   <table class="mt5x price-list">
    <caption class="mb2x black font-md normal">单品租赁价格表</caption>
    <tr>
      <th width="10%">产品名称</th>
      <th width="8%">套西</th>
      <th width="8%">大衣</th>
      <th width="8%">单西</th>
      <th width="8%">西裤</th>
      <th width="8%">马甲</th>
      <th width="8%">衬衫</th>
      <th width="8%">领带</th>
      <th width="8%">领结</th>
      <th width="8%">领带夹</th>
      <th width="8%">方巾</th>
      <th width="10%">衣架、西服套</th>
    </tr>
    <tr>
      <th>租赁价格（元）</th>
      <td>580</td>
      <td>480</td>
      <td>380</td>
      <td>168</td>
      <td>128</td>
      <td>98</td>
      <td>28</td>
      <td>28</td>
      <td>18</td>
      <td>18</td>
      <td>18</td>
    </tr>
    <tr>
      <th>单价</th>
      <td>3980元起</td>
      <td>2980元起</td>
      <td>2680元起</td>
      <td>1280元起</td>
      <td>980元起</td>
      <td>880元起</td>
      <td>280元</td>
      <td>260元</td>
      <td>128元</td>
      <td>128元</td>
      <td>58元</td>
    </tr>
    <tr>
      <th>押金（元）</th>
      <td>2000</td>
      <td>2000</td>
      <td>1600</td>
      <td>800</td>
      <td>600</td>
      <td>500</td>
      <td>100</td>
      <td>100</td>
      <td>50</td>
      <td>50</td>
      <td>50</td>
    </tr>
    <tr>
      <th>清洗费（元）</th>
      <td>60</td>
      <td>50</td>
      <td>40</td>
      <td>20</td>
      <td>20</td>
      <td>20</td>
      <td>15</td>
      <td>15</td>
      <td>10</td>
      <td>10</td>
      <td>10</td>
    </tr>
  </table> -->
</div>
<div class="clearfix pt3x pb4x align-center font-lg white address">
  <div class="col-md-6 rel">
    <img src="/web/Tpl/default/special/tenancy/img/address1.jpg" alt="杭州下城区石桥路279号经纬创意园9A103小蓝楼" class="vm">
    <p class="abs">杭州市 下城区 石桥路 279号</p>
  </div>
  <div class="col-md-6 rel">
    <img src="/web/Tpl/default/special/tenancy/img/address2.jpg" alt="杭州市西湖区教工路158-2号" class="vm">
    <p class="abs">杭州市西湖区 教工路158-2号</p>
  </div>
</div>
<div class="main-width">
  <h1 class="mb2x align-center font-lg black normal">常见问答</h1>
  <ul class="qa-list js-qa-list">
    <li>
      <strong>租赁礼服有哪些款式，适合什么场合呢？</strong>
      <div class="hide answer">
        <i class="caret-up"><i></i></i>
        <p>我们是专业的高端定制以及礼服提供商，门店提供所有的款式供您选择，不限款式，不限大小，我们专业的礼服师会针对商务社交，宴会party以及婚礼等重要场合提供最适合您的着装解决方案。</p>
      </div>
    </li>
    <li>
      <strong>租赁费用是如何收取的？</strong>
      <div class="hide answer">
        <i class="caret-up"><i></i></i>
        <p>租赁费用请见详细单品租赁价格表，到店选款确认后 ,支付押金,  押金不等同于衣服价值，衣服丢失或损坏的情况下，有权要求赔偿。</p>
      </div>
    </li>
    <li>
      <strong>租赁的内容包含哪些？</strong>
      <div class="hide answer">
        <i class="caret-up"><i></i></i>
        <p>男士礼服租赁包含马甲、西裤、衬衫、单西、领带、领带夹、领结、方巾，不包含皮鞋。</p>
      </div>
    </li>
    <li>
      <strong>租赁时间如何计算？</strong>
      <div class="hide answer">
        <i class="caret-up"><i></i></i>
        <p>租赁费用请参考详细价格表，包含三天。通常客户会提前一天取，第二天用，第三天归还，如有客户超过三天，按天正常收取租金，超出费用到店支付或从押金内扣除。</p>
      </div>
    </li>
    <li>
      <strong>押金如何支付？</strong>
      <div class="hide answer">
        <i class="caret-up"><i></i></i>
        <p>客人到店签订租赁合同后，支付押金，收款方式包含现金，刷卡，支付宝，微信转账。</p>
      </div>
    </li>
    <li>
      <strong>如果使用日期改变或取消，能否取消预订？</strong>
      <div class="hide answer">
        <i class="caret-up"><i></i></i>
        <p>衣服没有取走之前，可以告知我们并申请退款，定金不退；如果衣服已经取走，全额收取租赁费用。</p>
      </div>
    </li>
    <li>
      <strong>押金如何退还？</strong>
      <div class="hide answer">
        <i class="caret-up"><i></i></i>
        <p>收到衣服检验完毕后，立即退还押金，客人如到店还衣，现场退还押金。衣服如果快递到店，收到衣服当天退还。</p>
      </div>
    </li>
    <li>
      <strong>早归还或者晚寄回如何计算费用？</strong>
      <div class="hide answer">
        <i class="caret-up"><i></i></i>
        <p>按天租赁的收费标准，按实际租赁套餐费用，包含三天。三天以上，收费多退少补，按天计算。晚寄回，不管是否使用，都按天正常收取租金。</p>
      </div>
    </li>
    <li>
      <strong>客户除租赁费用外，是否还有其他费用需承担？</strong>
      <div class="hide answer">
        <i class="caret-up"><i></i></i>
        <p>除正常的租赁费用之外，为了保证每位客人的健康安全，亲还需承担衣服的清洗费用。我们都是以正规洗衣店的明码标价收费的（见详细洗衣费用单）</p>
      </div>
    </li>
  </ul>
</div>
<script src="/statics/front/widgets/My97DatePicker/WdatePicker.js"></script>
<script src="/web/Tpl/default/special/tenancy/js/showTip.js"></script>
<script>
$(function () {
  $('.online-booking').validate({
        errorElement: 'p',
        submitHandler: function(form) {
          sendForm(form);
        },
        errorPlacement: function(error, element) {
          var differ = element.offset().left - element.parent().offset().left - 12;
          element.after(error);
          error.addClass('msg align-left').css('margin-left', differ);
        },
        rules: {
          name: 'required',
          phone: 'required',
          date: 'required'
        }
    });

  $('.js-date').on('click', function () {
      WdatePicker({
          skin: 'biggerSize'
      });
    });
  $('.js-qa-list').on('click', 'strong', function () {
    $(this).toggleClass('open').next().toggleClass('hide');
  });
});

function sendForm(form){
  var name = $('input[name=name]', form).val();
  var phone=$('input[name=phone]', form).val();
  var date =$('input[name=date]', form).val();
  var sex  =$("input[name='sex']:checked", form).val();

  $.ajax({
        url: '/Special/tenancy_do',
        type: 'POST',
        data: {'name':name , 'phone': phone, 'date':date , 'sex': sex},
    dataType: 'json'
    }).done(function(response) {
      showTip(response.msg);
      if(response.status==1){
        form.reset();
      }
  });
}
</script>
<?php include THEMES_PATH.'public/footer2.phtml';?>
<?php include THEMES_PATH.'public/after_body.phtml';?>